// http://ionicframework.com/docs/theming/


// App Global Sass
.head {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 11;
  background-color: #fff;
}

.scroll-content {
  padding-top: 160px;
  overflow-y: hidden;
  background-color: #fff;
}

.header-md::after {
  background-image: none;
}

.toolbar-background-md {
  background-color: #fff;
}

.pt100 {
  padding-top: 100px;
}

.MUJI-button {
  height: 150px;
  border-radius: 20px;
  background-color: #7f0019;
  color: #fff;
  font-size: 60px;
}

.MUJI-button:hover {
  background-color: #7f0019 !important;
}

.MUJI-button.activated {
  background-color: #7f0019 !important;
}

.bottom-button {
  padding: 0 100px;
}

.back {
  position: absolute;
  font-size: 80px;
  width: 150px;
  line-height: 160px;
  padding-left: 40px;
  z-index: 1;
}

// logo 样式
.logo {
  background-image: url('../assets/imgs/logo_home.jpg');
  background-repeat: no-repeat;
  height: 85px;
  width: 300px;
  position: absolute;
  left: 50px;
  top: 52px;
  z-index: 1;
}

// 字体大小
$fs24: 24px;
$fs36: 36px;
$fs60: 60px;

.fs24 {
  font-size: $fs24;
}

.fs36 {
  font-size: 36px;
}

.fs60 {
  font-size: $fs60;
}

.head-title {
  font-size: $fs60;
  padding-top: 18px;
  height: 160px;
  line-height: 120px;
  box-shadow: 0px 1px 2px #888888;
}

.toolbar-title-md {
  font-size: 36px !important;
}

.header-ios {
  padding-top: 50px !important;
}

.toolbar-title-ios {
  font-size: 36px !important;
  font-weight: normal;
}

.toolbar-background-ios {
  background-color: #fff;
  border-color: transparent !important;
}

.bar-button-ios {
  color: #333;
  padding-left: 16px;
}

// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
